<div class="ibox">
  <div class="ibox-content">
    <h3>进行中</h3>
    <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
    <ul class="sortable-list connectList agile-list ui-sortable">
      <li class="warning-element">
        锁定有意向客户20家。
        <div class="agile-detail">
          <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
          <i class="fa fa-clock-o"></i> 2015.09.10
        </div>
      </li>
      <li class="success-element">
        全面、较深入地掌握我们“产品”的功能、特色和优势并做到应用自如。
        <div class="agile-detail">
          <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
          <i class="fa fa-clock-o"></i> 2015.09.01
        </div>
      </li>
      <li class="success-element">
        根据自己以前所了解的和从其他途径搜索到的信息，录入客户资料150家。
        <div class="agile-detail">
          <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
          <i class="fa fa-clock-o"></i> 2015.05.12
        </div>
      </li>

      <li class="warning-element">
        力争完成销售指标。
        <div class="agile-detail">
          <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
          <i class="fa fa-clock-o"></i> 2015.09.09
        </div>
      </li>
      <li class="info-element">
        在总结和摸索中前进。
        <div class="agile-detail">
          <a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
          <i class="fa fa-clock-o"></i> 2015.08.04
        </div>
      </li>
      <li class="success-element">
        不断学习行业知识、产品知识，为客户带来实用介绍内容
        <div class="agile-detail">
          <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
          <i class="fa fa-clock-o"></i> 2015.05.12
        </div>
      </li>
      <li class="danger-element">
        先友后单：与客户发展良好友谊，转换销售员角色，处处为客户着想
        <div class="agile-detail">
          <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
          <i class="fa fa-clock-o"></i> 2015.11.04
        </div>
      </li>
    </ul>
  </div>
</div>
<script src="libs/jqueryui/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $(".sortable-list").sortable({connectWith:".connectList"}).disableSelection();
  });
</script>